<?xml version="1.0" encoding="UTF-8" ?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" 
"http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">

<html xmlns:jsp="http://java.sun.com/JSP/Page"
	xmlns="http://www.w3.org/1999/xhtml"
	xmlns:ui="http://java.sun.com/jsf/facelets"
	xmlns:f="http://java.sun.com/jsf/core"
	xmlns:h="http://java.sun.com/jsf/html"
	xmlns:ci="http://java.sun.com/jsp/jstl/core"
	xmlns:c="http://sourceforge.net/projects/jsf-comp"
	xmlns:fn="http://java.sun.com/jsp/jstl/functions"
	xmlns:t="http://myfaces.apache.org/tomahawk"
    xmlns:p="http://primefaces.org/ui">

	<ui:composition template="/template/pNoCliente.xhtml">
	<ui:define name="head">
		<script type="text/javascript">//<![CDATA[
		  function handleRegPerfRequest(xhr, status, args) {
         	 if(args.flagNuevo) {
         		poppanelValidacion.show(); 
              }
           }
		  
			function limitarCaja(field, maxlimit) {
				try{
					if (field.value.length > maxlimit) {
						field.value = field.value.substring(0, maxlimit);
					}
				}catch(ex){
				}		
            }		
			function handleModaMailPerfilRequest(xhr, status, args) {  
		        if(args.isPopupCloseNC) {
		        	popmpnlEnviarMsg.hide(); 
		        }  
		    } 
        //]]></script>
			<title>Asesor 360</title>
</ui:define>
<ui:define name="titulopagina">
			<h:outputText value="INFORMACIÓN DE PERFILACIONES" />
</ui:define>
<ui:define name="agregaIconoEjecutivos"/>
<ui:define name="bodyarea">
 <f:event type="preRenderView" listener="#{historicoPerfilNoClienteController.onPageLoad}"/>
 <input type="hidden" id="nomReporte" name="nomReporte" value="historicoPerfilamientoNoCliente"/>
 <p:messages id="messagesMain" showDetail="true" closable="true" />
 <h:panelGrid headerClass="cabeceraPanelSimple" cellspacing="0"
				cellpadding="5" styleClass="bordePanel" columns="1"
				style="width:100%; margin-left: 0px; margin-top: 3px; margin-bottom:5px">
				 
   <f:facet name="header">Criterio de Búsqueda</f:facet>
    <h:panelGrid columns="4">
       <h:outputText value="Fecha Desde:" styleClass="texto"/>
       <p:calendar id="icFechaDesde" locale="es" showButtonPanel="false" 
				value="#{historicoPerfilNoClienteController.fechaDesde}" showOn="button"  pattern="dd/MM/yyyy" size="12" maxlength="10">
			<p:ajax event="dateSelect" listener="#{historicoPerfilNoClienteController.validateDateListener}" 
				update=":formPrincipal:messagesMain"/>
			<p:ajax event="change" listener="#{historicoPerfilNoClienteController.validateDateListener}" 
				update=":formPrincipal:messagesMain"/>
	   </p:calendar>
	   <h:outputText value="Fecha Hasta:" styleClass="texto" />
	   <p:calendar id="icFechahasta"  locale="es" showButtonPanel="false" 
				value="#{historicoPerfilNoClienteController.fechaHasta}" showOn="button"  pattern="dd/MM/yyyy" size="12" maxlength="10">
			<p:ajax event="dateSelect" listener="#{historicoPerfilNoClienteController.validateDateListener}" 
				update=":formPrincipal:messagesMain"/>
			<p:ajax event="change" listener="#{historicoPerfilNoClienteController.validateDateListener}" 
				update=":formPrincipal:messagesMain"/>
	   </p:calendar>
	   <h:outputText value="Ejecutivo:" styleClass="texto" />
	   <h:inputText styleClass="inputText" id="itNombreEjecutivo" size="30"
					value="#{historicoPerfilNoClienteController.nomEjecutivo}" />
	   <h:outputText value=""  />
	   <p:commandButton icon="ui-icon-search" value="Buscar" actionListener="#{historicoPerfilNoClienteController.buscar}"  
	   		id="btnBuscar" update=":formPrincipal:messagesMain,:formPrincipal:listadoPerfilaciones"/> 
    </h:panelGrid>
  </h:panelGrid>
  <h:panelGrid headerClass="cabeceraPanelSimple" cellspacing="0" cellpadding="5" styleClass="bordePanel" columns="1"
         style="width:100%; margin-left: 0px; margin-top: 3px; margin-bottom:5px">  
     <f:facet name="header">Historico de Perfilaciones</f:facet>
     <h:panelGrid id="contenido" width="100%" >
       <p:dataTable emptyMessage="No hay resultados." id="listadoPerfilaciones"
			value="#{historicoPerfilNoClienteController.listaPerfHistNoCliente}" paginator="true" rows="10" var="fila"
			rowIndexVar="rowIndex" styleClass="styleDataTableWrapNormal"
			rowStyleClass="#{(rowIndex mod 2) eq 0 ? 'styleDataTableRowColorClaro' : 'styleDataTableRowColorOscuro'}">
		     <p:column width="80" styleClass="columnCenter">
				<f:facet name="header">
					<h:outputText value="Fecha" />
				</f:facet>
				<h:outputText value="#{fila.fechaperfila}" />
		     </p:column>
		     <p:column width="70" styleClass="columnCenter">
				<f:facet name="header">
					<h:outputText value="Hora" />
				</f:facet>
				<h:outputText value="#{fila.horaperfila}" />
		     </p:column>
		     <p:column styleClass="columnCenter">
				<f:facet name="header">
					<h:outputText value="Ejecutivo" />
				</f:facet>
				<h:outputText value="#{fila.nombreejecutivo}" />
		     </p:column>
		     <p:column width="140" styleClass="columnCenter">
				<f:facet name="header">
					<h:outputText value="Perfil del No Cliente" />
				</f:facet>
				<h:outputText value="#{fila.perfilactual}" />
		      </p:column>
		      <p:column width="100" styleClass="columnCenter">
				<f:facet name="header">
					<h:outputText value="Estado" />
				</f:facet>
				<p:commandLink rendered="#{fila.indLink=='S'}" oncomplete="wdgEstado.show()" update=":panelCambioEstado" actionListener="#{historicoPerfilNoClienteController.seleccionarPerfilamiento(fila)}">
					<h:outputText value="#{fila.estado}" styleClass="textoLinkCelesteNormal"/>
				</p:commandLink>
			   	<h:outputText value="#{fila.estado}" rendered="#{fila.indLink!='S'}"/>
		      </p:column>
		      <p:column width="20">
				<p:commandButton id="btnVerCuestionario" actionListener="#{historicoPerfilNoClienteController.exportarArchivoCuestionario(fila)}" 
					ajax="false" icon="ui-icon ui-icon-folder-open"/>
				<p:tooltip for="btnVerCuestionario" value="Ver Cuestionario"/>
			  </p:column>
			  <p:column width="20">
				<p:commandButton id="btnVerPerfil" actionListener="#{historicoPerfilNoClienteController.exportarArchivoPerfil(fila)}" 
					ajax="false" icon="ui-icon ui-icon-folder-open"/>
				<p:tooltip for="btnVerPerfil" value="Ver Perfil"/>
			  </p:column>
			  <p:column width="20">
			  	<p:commandButton id="btnEnviarcorreoItem" actionListener="#{historicoPerfilNoClienteController.abrirFormMsg(fila)}"
					oncomplete="popmpnlEnviarMsg.show()" icon="ui-icon-mail-closed" update=":idmpnlEnviarMsg"/>
			    <p:tooltip for="btnEnviarcorreoItem" value="Enviar Mail"/>
			 </p:column>
	    </p:dataTable>
     </h:panelGrid>
    <h:panelGrid columns="1">
   		<p:commandButton oncomplete="handleRegPerfRequest(xhr, status, args)" value="Nuevo"  
			icon="ui-icon ui-icon-document" actionListener="#{historicoPerfilNoClienteController.nuevoPerfilamiento}"
			update=":formPrincipal:messagesMain"/>
   	</h:panelGrid>
</h:panelGrid>
<p:blockUI block="formPrincipal:contenido" trigger="formPrincipal:btnBuscar"> 
	<h:panelGrid columns="2">
		<p:graphicImage value="/imagenes/iconos/ajax-loader1.gif" style="margin-right: 12px; vertical-align: middle;"/>
		<h:outputText value="Cargando..." style="white-space: nowrap;" />
	</h:panelGrid>
</p:blockUI>
<p:blockUI block="formPrincipal:contenido" trigger="formPrincipal:listadoPerfilaciones">
	<h:panelGrid columns="2">
		<p:graphicImage value="/imagenes/iconos/ajax-loader1.gif" style="margin-right: 12px; vertical-align: middle;"/>
		<h:outputText value="Cargando..." style="white-space: nowrap;" />
	</h:panelGrid>
</p:blockUI>
</ui:define>

<ui:define name="extraarea">
   <p:dialog id="panelCambioEstado" header="Cambio de Estado" widgetVar="wdgEstado" resizable="false"  
          showEffect="fade" modal="true">
          <h:form id="formEstado">
             <h:inputHidden value="#{historicoPerfilNoClienteController.idPerfilamientoHidden}" id="idRebalanceoHidden"/>
             <h:panelGrid>
                <p:outputLabel value="#{historicoPerfilNoClienteController.mensajePopUp}" id="mensajePopUp"></p:outputLabel>
                <t:fieldset legend="Estados">
                  	<p:selectOneRadio value="#{historicoPerfilNoClienteController.idEstado}">
						<f:selectItems value="#{comboModel.listEstadosPerfilamiento}"/>
	  				</p:selectOneRadio>
				</t:fieldset>
				<h:panelGrid columns="4">
					<p:spacer width="40px" height="10px" />
				    <p:commandButton  value="Guardar" icon="ui-icon-disk" oncomplete="wdgEstado.hide()"
				    	actionListener="#{historicoPerfilNoClienteController.actualizarEstado}" 
				     	update=":formPrincipal:listadoPerfilaciones,:formPrincipal:messagesMain,:formPrincipal:idPanelNoClienteDatosBasicos" />
				     <p:spacer width="40px" height="10px" />
			        <p:commandButton value="Cerrar" icon="ui-icon-close" oncomplete="wdgEstado.hide()" />
				</h:panelGrid>
             </h:panelGrid>
          </h:form>
   </p:dialog>
   
   <p:dialog id="idmpnlEnviarMsg" header="Datos de Envío de Correo" widgetVar="popmpnlEnviarMsg" modal="true" 
				dynamic="true" width="450">
		<h:form id="idFormSendMail">
			<p:messages id="message3" showDetail="true" closable="true" />
			<h:panelGrid columns="2" width="100%">
				<p:spacer width="50" height="0" ></p:spacer>
				<p:spacer width="400" height="0" ></p:spacer>
				<h:outputText value="Para:" styleClass="texto"/>
				<h:inputTextarea id="txtPara" value="#{historicoPerfilNoClienteController.txtPara}" rows="2" cols="64"/>
				<h:outputText value="Copiar a:" styleClass="texto"/>
				<h:inputTextarea id="txtCopia" value="#{historicoPerfilNoClienteController.txtCopia}" rows="2" cols="64"/>
				<h:outputText value="Asunto:" styleClass="texto"/>
				<h:inputText id="txtAsunto" maxlength="30" rows="1" size="65" value="#{historicoPerfilNoClienteController.txtAsunto}" />
				<h:outputText value="Mensaje:" styleClass="texto"/>
				<h:inputTextarea id="txtMensaje" value="#{historicoPerfilNoClienteController.txtMensaje}" rows="3" cols="64" maxlength="250"/>
				<h:outputText value="Formato de Archivo" rendered="false"/>
				<h:selectOneRadio rendered="false" id="rbFormato" value="#{historicoPerfilNoClienteController.rbFormato}" >
					<f:selectItems value="#{historicoPerfilNoClienteController.listaFormatos}"/>
				</h:selectOneRadio>
				<h:outputText value=""/>
				<p:commandButton id="btnEnviar" value="Enviar" actionListener="#{historicoPerfilNoClienteController.enviarMensaje}"
					oncomplete="handleModaMailPerfilRequest(xhr, status, args)"/>
				<h:outputText value=""/>
				<h:outputText value=""/>
			</h:panelGrid>	
		</h:form>
    </p:dialog>		
   
   <p:dialog id="panelValidacion" header="Mensaje de Confirmación" widgetVar="poppanelValidacion" modal="true" 
				dynamic="true" width="350" >
		<h:outputText value="#{historicoPerfilNoClienteController.msgValidaPendientes}" />	
  	</p:dialog>
</ui:define>
</ui:composition>
</html>